<template>
  <!-- 发布课程 -->
  <div class="app-container">
    <h1 style="text-align:center;">发布新课程</h1>
    <el-steps :active="active" finish-status="success" simple>
      <el-step title="填写基本课程信息"></el-step>
      <el-step title="创建课程大纲"></el-step>
      <el-step title="发布课程"></el-step>
    </el-steps>

    <!-- 步骤内容 -->
    <!-- step1 Info -->
    <Info v-if="active === 0"></Info>
    <!-- step2 ChapterIndex -->
    <index v-if="active === 1"></index>
    <!-- step3 Publish -->
    <publish v-if="active === 2 || active === 3"></publish>
  </div>
</template>

<script>
import Info from "@/views/course/components/Info";
import index from "../course/components/Chapter/index.vue";
import Publish from "@/views/course/components/Publish";
export default {
  // 注册组件
  components: { Info, index, Publish },
  data() {
    return {
      active: 0,
      courseId: null,
    };
  },
};
</script>

<style></style>
